// 引入创建store的方法
import { defineStore } from 'pinia'
// 引入登录请求方法
import { reqLogin, reqUserInfo, reqLogout } from '../../api/user/index'
// 引入登录入参数据类型
import {
  loginFormData,
  loginResponseData,
  userInfoResponseData,
} from '../../api/user/type'
import { UserState } from './types/type'
// 引入操作本地存储的工具方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '../../util/token'
//引入路由（常量路由）
import { constantRoute } from '../../router/routes'

// 创建用户小仓库
let useUserStore = defineStore('User', {
  // 存储数据/状态的方法
  state: (): UserState => {
    return {
      token: GET_TOKEN(), // 用户登录成功后返回的token
      menuRoutes: constantRoute, //仓库存储生成菜单需要数组（路由）
      username: '',
      avatar: '',
    }
  },
  // 处理异步|逻辑的地方
  actions: {
    async userLogin(data: loginFormData) {
      // 发送登录请求
      const result: loginResponseData = await reqLogin(data)
      // 处理登录逻辑
      if (result.code == 200) {
        // pinia仓库存储token
        // 由于pinia|vuex存储数据利用的是js对象 所有不会持久化
        this.token = result.data
        // 本地持久化存储一份
        SET_TOKEN(result.data)
        return 'ok'
      } else {
        // 登录失败
        return Promise.reject(new Error(result.message || '登录失败'))
      }
    },

    // 获取用户信息方法
    async userInfo() {
      // 获取用户信息并存储相关数据
      let result: userInfoResponseData = await reqUserInfo()
      if (result.code == 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },

    //退出登录
    async userLogout() {
      const result: any = await reqLogout()
      if (result.code == 200) {
        //当前没有mock接口（不做）：服务器数据token失效
        //本地数据清空
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOKEN()
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
  },
  // 计算属性
  getters: {},
})

// 对外暴露
export default useUserStore
